    .navItem{
    	width:100%;
    	position: relative;
	    top: 410px;
	    z-index: 3;
    }
    .nav{
    	width:255px;
    	height:40px;
    	margin:0 auto;
    }
    .nav li{
    	float:left;
    	width:20px;
    	height:20px;
    	background:#007aff;
    	border-radius: 50%;
    	margin:0 15px;
    }
    .nav .active{
    	background:#333;
    }
    .swiper-container{
    	width:100%;
    	height:450px;
    	
    }
    .swiper-wrapper img{
    	width:100%;
    	height:450px;
    	margin: 0 auto;
    }
    .swiperSlid{
    	width:100%;
    	top:-40px;
    }
    .swiper-dia{
    	width:100%;
    	height:450px;
    	font-size:30px;
    	color:#fff;
    	text-align: center;
    	padding-top:270px;
    	position:absolute;
    	left: 0;
    	top:0;
    	background: rgba(69, 69, 65, 0.5);
    }
    .env{
    	padding:5px;
    	border:3px solid #fff;
    	border-radius: 4%;
    	cursor:pointer;
    }
    .bann{
    	width:100%;
    	height:340px;
    }
    .bann_inner{
    	width:100%;
    	display:flex;
    	margin:0 auto;
    }
    .bann img{
    	display:inline-block;
    	flex:1;
    	width:45%;
    	margin: 20px;
    }
    .bann_list{
    	width:100%;
    	height:540px;
    }
   .bann_list_title{
   	   width:1200px;
   	   line-height:40px;
   	   margin:0 auto;
   }
   .bann_list_title span{
	    display: inline-block;
	    width: 1110px;
	    font-size: 20px;
	    font-weight: bold;
	    cursor:pointer;
   }
    .songsList{
	    width: 1200px;
	    padding-left: 0;
	    margin: 0 auto;
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
    }
    
    .songsList li{
	    float: left;
	    width: 18%;
	    margin: 10px 30px 10px 0px;
	    position: relative;
    }
    .songsList li:nth-child(5),
    .songsList li:nth-child(10){
    	margin-right:0;
    }
    /*@media only screen and (min-width: 3000px) {
    	 .songsList li{
    	 	width:19.3%;
    	 }
    }
    @media only screen and (min-width: 2000px) {
    	 .songsList li{
    	 	width:19%;
    	 }
    }
    @media only screen and (min-width: 1000px) {
    	 .songsList li{
    	 	width:18%;
    	 }
    }
    @media only screen and (max-width: 1000px) {
    	 .songsList li{
    	 	width:17%;
    	 }
    }*/
    .songsList img{
	    width: 100%;
	    height: 200px;
    }
    .songsList span{
        font-size: 16px;
        line-height: 30px;
        cursor:pointer;
    }
    .play-ico{
	    position: absolute;
	    width: 30px;
	    height: 30px;
	    background: url(../img/icon.png) -242px -163px;
	    top: 160px;
	    right: 20px;
	    cursor: pointer;
    }
    .bann_singers {
    	height:880px;
    }
    .bann_singers .songsList img{
    	height:370px;
    }
    .showlist{
    	position:relative;
    }
    .hidlist{
    	width:100%;
    	height:370px;
    	color:#fff;
    	padding-left:10px;
    	position:absolute;
    	left:0;
    	top:0;
    	z-index:3;
    	background: rgba(40, 37, 44, 0.48);
    }
    .hid{
    	display:none;
    }
    .hidlist li{
        width:100%;	
    }
    .hide_list_title{
    	
    }
    .hide_list_title span{
    	padding-right: 20%;
    }	
    .hidlist .allLoad{
    	width:30%;
    	margin:0 50px;
    	padding:5px 10px;
    	border:3px solid #fff;
    	border-radius: 4%;
    }
    .adds{
    	width: 1200px;
         height: 110px;
    }
    .addsinner{
    	height: 110px;
    	background:#ccc;
    	margin:0 auto;
    }
    .adds img{
    	height:130px;
    }
    .together{
    	width:1200px;
    	margin: 0 auto;
    }
    .together .bann_list_title span{
    	width:1024px;
    	font-size: 18px;
        font-weight: 400;
    }
    .together ul{
	    width: 1200px;
	    padding-left: 0;
	    height: 70px;
    }
    .together li{
    	float:left;
    	font-size: 12px;
        padding: 10px 12px 0 0;
        cursor: pointer;    
    }
    .foot{
	    height: 180px;
	    background: #181818;
	    padding-top: 30px;
    }
    .foot p{
	    width: 1200px;
	    margin: 0 auto;
	    text-align: center;
	    color: #fff;
    }


   .left{
         animation:left 1s;
         animation-fill-mode:forwards;
         -webkit-animation:left 1s; 
         -webkit-animation-fill-mode:forwards; 
    }
    @keyframes left{
        0%{transform:translateX(0) scale3d(.3, .3, .3);}
        100%{transform:translateX(0);}
    }
    @-webkit-keyframes left{
        0%{-webkit-transform:translateX(0) scale3d(.3, .3, .3);}
        100%{-webkit-transform:translateX(0);}
    }
    /*.scal{
         animation:scal 1s;
         animation-fill-mode:forwards;
         -webkit-animation:scal 1s; 
         -webkit-animation-fill-mode:forwards; 
    }
    @keyframes scal{
        0%{transform:translateY(-100px);}
        100%{transform:translateY(0);}
    }
    @-webkit-keyframes scal{
        0%{-webkit-transform:translateY(-100px) ;}
        100%{-webkit-transform:translateY(0);}
    }*/
   .navg{
   	    width: 100%;
        top: -45px;
   }
   .navg span{
   	    width:30px;
   	    height:30px;
   }
    .main_0{
    	width:100%;
    }
    .main_0_inner{
    	width:1200px;
    	height:1600px;
    	padding:20px 0;
    	margin:0 auto;
    }
    .left_nav{
    	float:left;
    	width:178px;
    	border:1px solid #e7e7e7;
    	padding:0 5px;
    }
    .left_nav li{
        cursor: pointer;
    }    
    .first_nav p{
    	text-indent: 10px;
	    line-height:40px;
	    border-bottom:1px solid #e7e7e7;
    }    
    .first_nav .lachi{
    	border:none;
    	text-indent: 0;
    }
    .first_nav span{
	    font-size: 16px;
	    font-weight: bolder;
	    padding-right: 65px;
    }
    .first_nav h6{
    	text-align: center;
    	color:#777;
    }
    .first_nav .fa{
    	padding-right: 10px;
    }
    .sec_Nav{
    	padding:0;
    }
	@keyframes fadeDown {
	  from {
	    opacity: 0;
	    transform: translate3d(0, 0, 0);
	  }
	  to {
	    opacity: 1;
	    transform: none;
	  }
	}
	.fadeDown {
	  animation: fadeDown 1s;
	}    
	@keyframes rotate {
	  from {
	  	transform-origin: center;
	    transform: rotateZ(0deg);
	  }
	  to {
	  	transform-origin: center;
	    transform: rotateZ(180deg);
	  }
	}
	.rotateIns{
	  animation: rotate 1s forwards;
	}	
    .sec_Nav li{
    	margin-bottom: 10px;
    	position: relative;
    }
    .sec_Nav img{
    	width:50px;
    	height:50px;
    	background:#ccc;
    }
    .sec_Nav h6{
	    display: inline-block;
	    padding-left: 10px;    	
    }    
    .list-active{
    	font-weight: bold;
        color: #000!important;
    }
    .firTitle{
    	border:none!important;
    }
    .list-active-bar{
    	height: 50px;
        background: #007aff;
	    padding: 3px!important;
	    position: absolute;
	    left: -5px;
	    top: 0;
    }
    .first_nav .ewm{
	    display: block;
	    width: 144px;
	    height: 144px;
	    margin: 0 auto;
	    padding-bottom:20px;
    }
    .rightBox{
    	float:left;
    	width:960px;
    	height:1580px;
    	overflow:hidden ;
    	background: #fff;
    	margin-left:30px;
    }
    .topImg img{
    	width:960px;
    	height:140px;
    }
    .first_nav .list-title{
    	border:none;
    	border-top:1px solid #e7e7e7;
    }
    .firTitle,.list-title{
    	font-weight:100;
    }
    .active-bar{
    	height:20px;
    	top: 5px;
    }
    .topImg{
    	width:960px;
    	height:140px;
    	background:#ddd;
    }
    .conf{
    	width:960px;
    	height:80px;
    }
    .btn-group{
    	float:left;
    	margin:20px;
        padding-right: 370px;
    }
    .btn-group button{
    	margin-right:10px;
    	border-radius: 4%;
    }  
    .release{
    	float:left;
    	line-height:34px;
    	margin:20px;
    }
    .musicList{
    	width:100%;
    	margin:0 auto;
        padding-left: 0;
    }
    .musicList .musicList_song{
    	line-height:40px ;
    	padding-left:20px;
    }
    .musicList .musicList_song:nth-child(2n+1){
    	background:#e8e8e8;
    }
    .musicList_song span{
    	display:inline-block;
    }
    .musicList_song span:nth-child(1){
    	width: 35px;
    }
    .musicList_song span:nth-child(2){
    	width: 60px;
    }
    .musicList_song span:nth-child(3){
    	width: 330px;
    	cursor: pointer;
    }
    .musicList_song span:nth-child(4){
    	width: 150px;
    	cursor: pointer;
    }
    .musicList_song span:nth-child(5){
    	width: 140px;
    }
    .musicList_song span:nth-child(6){
    	width: 140px;
    }
    .musicList_song span:nth-child(6) i{
    	padding:9px;
    	cursor: pointer;
    }
    .hotp{
    	display: inline-block;
    	width:80px;
    	height:3px;
    	background:#FFA500;
    }
    .fa-arrow-up{
    	color:#FFA500;
    }
    .fa-arrow-down{
    	color:#54b524;
    }
    .greenword{
        color:#54b524;
    } 
    .filterSinger{
    	width:950px;
    	height:50px;
    }
    .filterSinger_item{
	    float: left;
	    padding: 2px 7px;
	    margin-right: 4px;
	    font-size: 20px;
    	border-radius: 50%;
    	cursor: pointer;
    }
    .filterSinger_activeItem{
    	color:#fff;
    	background: #007aff;
    }
    .filterSinger_item:nth-child(1){
    	border-radius: 15px;
    }
    .singersArea{
    	height:100%;
    	padding-left:0;
    }
    .titleActive{
    	color:#007aff!important;
    }
    .singersArea .singersArea_listItem{
    	width:270px;
    	height:195px;
    	font-size: 12px;
    	float:left;
        margin: 0 50px 30px 0;	
    }
    img.artistLeft{
    	float:left;
	    width: 160px;
	    height: 160px;
	    border-radius: 50%;
	    cursor: pointer;
    }
    .artistRight{
	    float: right;
	    width: 100px;    	
    }
    .artistRight a{
    	color:#000;
    	text-decoration: none;
    }
    .artistRight ul{
    	padding-left:0;
    }
    .artistRight li{
    	padding: 5px 0;
    	overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    cursor: pointer;
    }
    a.botSingerName{
	    display: inline-block;
	    width: 80%;    
	    margin: 15px 0 0 50px;  
	    text-decoration: none;  
	    color:#000;	
	    cursor: pointer;
    }

